<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>  
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    
</head>

<body style="
    margin: 0;
">
<div id="a1"></div>
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
    var flashvars={
        f:'ckplayer/m3u8.swf',
        a:'${pageurl}',
        c:0,
        s:4,
        lv:1,
        i:'${thumburl}'
    };
    var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
    var video=['${pageurl}->video/mp4'];
    CKobject.embed('ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','100%',false,flashvars,video,params);
    
    var w = parseInt(document.body.clientWidth);
    var h = parseInt(w* 0.5625);
    
    $("#a1").css({
    	"width":w+"px",
    	"height": h + "px"
    });
    
</script>

</body>
</html>